html,
body {
    min-height: 100%;
}

.humane,
.humane-boldlight {
    position: fixed;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 100000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.humane,
.humane-boldlight {
    font-family: Ubuntu, Verdana, sans-serif;
    font-size: 25px;
    letter-spacing: -1px;
    top: 25%;
    left: 25%;
    opacity: 0;
    width: 50%;
    color: #000;
    padding: 10px;
    text-align: center;
    background-image: url('');
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.8)), color-stop(1, rgba(150, 150, 150, 0.8))) no-repeat;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(150, 150, 150, 0.8) 100%) no-repeat;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(150, 150, 150, 0.8) 100%) no-repeat;
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(150, 150, 150, 0.8) 100%) no-repeat;
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(150, 150, 150, 0.8) 100%) no-repeat;
    background: linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(150, 150, 150, 0.8) 100%) no-repeat;
    *background-color: #fff;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 -1px 1px rgba(221, 221, 221, 0.4);
    -webkit-box-shadow: 0 4px 4px -4px #eee;
    box-shadow: 0 4px 4px -4px #eee;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.humane p,
.humane-boldlight p,
.humane ul,
.humane-boldlight ul {
    margin: 0;
    padding: 0;
}

.humane ul,
.humane-boldlight ul {
    list-style: none;
}

.humane.humane-boldlight-info,
.humane-boldlight.humane-boldlight-info {
    background-image: url('');
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6464ff), color-stop(1, rgba(100, 100, 255, 0.8))) no-repeat;
    background: -moz-linear-gradient(top, #6464ff 0%, rgba(100, 100, 255, 0.8) 100%) no-repeat;
    background: -webkit-linear-gradient(top, #6464ff 0%, rgba(100, 100, 255, 0.8) 100%) no-repeat;
    background: -ms-linear-gradient(top, #6464ff 0%, rgba(100, 100, 255, 0.8) 100%) no-repeat;
    background: -o-linear-gradient(top, #6464ff 0%, rgba(100, 100, 255, 0.8) 100%) no-repeat;
    background: linear-gradient(top, #6464ff 0%, rgba(100, 100, 255, 0.8) 100%) no-repeat;
    *background-color: #6464ff;
}

.humane.humane-boldlight-success,
.humane-boldlight.humane-boldlight-success {
    background-image: url('');
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #64ff64), color-stop(1, rgba(100, 255, 100, 0.8))) no-repeat;
    background: -moz-linear-gradient(top, #64ff64 0%, rgba(100, 255, 100, 0.8) 100%) no-repeat;
    background: -webkit-linear-gradient(top, #64ff64 0%, rgba(100, 255, 100, 0.8) 100%) no-repeat;
    background: -ms-linear-gradient(top, #64ff64 0%, rgba(100, 255, 100, 0.8) 100%) no-repeat;
    background: -o-linear-gradient(top, #64ff64 0%, rgba(100, 255, 100, 0.8) 100%) no-repeat;
    background: linear-gradient(top, #64ff64 0%, rgba(100, 255, 100, 0.8) 100%) no-repeat;
    *background-color: #64ff64;
}

.humane.humane-boldlight-error,
.humane-boldlight.humane-boldlight-error {
    background-image: url('');
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff6464), color-stop(1, rgba(255, 100, 100, 0.8))) no-repeat;
    background: -moz-linear-gradient(top, #ff6464 0%, rgba(255, 100, 100, 0.8) 100%) no-repeat;
    background: -webkit-linear-gradient(top, #ff6464 0%, rgba(255, 100, 100, 0.8) 100%) no-repeat;
    background: -ms-linear-gradient(top, #ff6464 0%, rgba(255, 100, 100, 0.8) 100%) no-repeat;
    background: -o-linear-gradient(top, #ff6464 0%, rgba(255, 100, 100, 0.8) 100%) no-repeat;
    background: linear-gradient(top, #ff6464 0%, rgba(255, 100, 100, 0.8) 100%) no-repeat;
    *background-color: #ff6464;
}

.humane.humane-animate,
.humane-boldlight.humane-boldlight-animate {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.humane.humane-animate:hover,
.humane-boldlight.humane-boldlight-animate:hover {
    opacity: 0.4;
    -moz-transform: scale(1.8);
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
}

.humane.humane-animate,
.humane-boldlight.humane-boldlight-js-animate {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.humane.humane-animate:hover,
.humane-boldlight.humane-boldlight-js-animate:hover {
    opacity: 0.4;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}
